<%--
  Created by IntelliJ IDEA.
  User: HYGK-PC
  Date: 2022/3/22
  Time: 20:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录</title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">
    <!-- 引入js文件时，写法不一样 -->
    <script src="${pageContext.request.contextPath}/bootstrap/js/jquery-3.5.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script>

    <style>
        .form-control {
            height: 40px;
        }
    </style>
</head>
<body>

<form action="${pageContext.request.contextPath}/user/login" method="post">


    <div class="container-fluid" style="margin-top: 40px;">
        <div class="row">
            <div class="col-sm-6 col-sm-offset-3">
                <h1 class="text-center" style="font-size: 50px; font-weight: bold;">登录</h1>
            </div>
        </div>
        <!-- 登录表单 -->
        <div class="row" style="margin-top: 40px;">
            <div class="col-sm-4 col-sm-offset-4">
                <!-- 表单 -->
                <form>
                    <div class="form-group">
                        <label for="Uid">用户ID</label>
                        <input type="text" class="form-control" id="Uid" name="Uid" placeholder="Please input Uid" required>
                    </div>
                    <div class="form-group">
                        <label for="Password">密码</label>
                        <input type="password" class="form-control" id="Password" name="Password" placeholder="Please input Password" required>
                    </div>
                    <div class="form-group">
                        <label for="Code">验证码</label>
                        <div>
                            <input type="text" class="form-control" style="width: 60%; float: left;" id="Code"
                                   placeholder="Code"/>
                            <img src="${pageContext.request.contextPath}/img/news1.jpg" style="float: right; width: 35%; height: 40px;" alt="">
                        </div>
                    </div>
                    <!--让submit清除浮动  -->
                    <div style="float: left"><span style="color: red ; font-weight: bold">${err}</span></div>
                    <div class="clearfix">
                        <button type="submit" style="margin-top: 40px;float: left; width: 40%;" class="btn btn-default">
                            登录
                        </button>
                        <button type="submit" style="margin-top: 40px; float: right; width: 40%;" class="btn btn-default">
                            <a href="${pageContext.request.contextPath}/user/toRegister">注册</a>
                        </button>
                    </div>

                </form>
            </div>
        </div>
    </div>

</form>

</body>
</html>
